import React, {Component} from 'react';
import './App.css';
import {Menus} from './components/menus/menus';
import { Layout } from 'antd';
const { Header, Footer, Sider, Content } = Layout;

class App extends Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <Layout>
                <Header></Header>
                <Layout>
                    <Sider className="sider-box" width={180} style={{ background: '#fff' }}>
                        <Menus width={180}></Menus>
                    </Sider>
                    <Content className="page-main">{this.props.children}</Content>
                </Layout>
            </Layout>
        );
    }
}
export default App;
